<!DOCTYPE html>
<html>
<head>
  <meta charset="utf-8">
  <title>Turf - point-grid</title>
  <style>
    #mapDiv { width: 980px; height: 600px; }
    .map-box{ padding: 10px; }
  </style>
  <script src="js/jquery-1.11.3.min.js"></script>
  <script src="js/turf.min.js"></script>
  <script src="https://maps.googleapis.com/maps/api/js?libraries=drawing"></script>
</head>
<body onload="initMap()">
  <div id="mapDiv"></div>


<script>
var map;
var json={type:"FeatureCollection",features:[{type:"Feature",properties:{},geometry:{type:"Polygon",coordinates:[[[-238.48803520202637,25.060099246452307],[-238.48863601684573,25.041904178378704],[-238.48443031311032,25.04151536540612],[-238.4845161437988,25.04851381029739],[-238.48022460937497,25.04843605199308],[-238.4804821014404,25.04135983987195],[-238.47670555114743,25.04151536540612],[-238.47713470458984,25.060099246452307],[-238.48108291625977,25.06025474821379],[-238.48116874694824,25.05395676903801],[-238.4845161437988,25.054345542557108],[-238.4850311279297,25.05986599344009],[-238.48803520202637,25.060099246452307]]]}},{type:"Feature",properties:{},geometry:{type:"Polygon",coordinates:[[[-238.47207069396973,25.059554988733115],[-238.4727573394775,25.041904178378704],[-238.4629726409912,25.041748653337596],[-238.46340179443357,25.044470313080836],[-238.46932411193848,25.0447813560624],[-238.46932411193848,25.047891742482044],[-238.46348762512204,25.047813983783193],[-238.4633159637451,25.051157563299046],[-238.46940994262695,25.05123531987718],[-238.46932411193848,25.056211638283127],[-238.46357345581052,25.056367144977752],[-238.46357345581052,25.059321734684882],[-238.47207069396973,25.059554988733115]]]}},{type:"Feature",properties:{},geometry:{type:"Polygon",coordinates:[[[-238.4575653076172,25.05854421798416],[-238.4581661224365,25.04198194082529],[-238.44760894775388,25.0416708907431],[-238.44735145568845,25.0447813560624],[-238.45378875732422,25.045014637780803],[-238.45378875732422,25.057844448735597],[-238.4575653076172,25.05854421798416]]]}},{type:"Feature",properties:{},geometry:{type:"Polygon",coordinates:[[[-238.44366073608396,25.05761119143144],[-238.44417572021484,25.041593128099265],[-238.43164443969724,25.041126551200858],[-238.43233108520508,25.045947760216205],[-238.439884185791,25.046258799449983],[-238.439884185791,25.057300181001935],[-238.44297409057617,25.05761119143144],[-238.44366073608396,25.05761119143144]]]}},{type:"Feature",properties:{},geometry:{type:"Polygon",coordinates:[[[-238.4194564819336,25.055589609531403],[-238.4134483337402,25.05527859397169],[-238.40761184692383,25.05123531987718],[-238.40503692626953,25.047036394082383],[-238.40641021728516,25.04252627657079],[-238.41001510620117,25.040504445908475],[-238.41276168823242,25.0398823374605],[-238.41670989990234,25.039726809855434],[-238.42151641845706,25.039260225856985],[-238.4249496459961,25.040348919092313],[-238.42615127563477,25.044859116684524],[-238.42512130737302,25.04890260107914],[-238.42477798461914,25.053412484039583],[-238.4230613708496,25.054501051619468],[-238.42100143432617,25.05543410185022],[-238.4194564819336,25.055589609531403]]]}},{type:"Feature",properties:{"fillColor":"none"},geometry:{type:"Polygon",coordinates:[[[-238.41756820678714,25.05014672329527],[-238.41361999511722,25.049058117046634],[-238.4134483337402,25.045947760216205],[-238.41447830200192,25.044081508244368],[-238.41825485229492,25.04330389487308],[-238.42065811157227,25.0442370303269],[-238.4211730957031,25.046569837894705],[-238.42082977294922,25.047658466237557],[-238.4194564819336,25.04890260107914],[-238.41756820678714,25.05014672329527]]]}}]};

function initMap() {

  // 地圖初始設定
  var mapOptions = {
      center: new google.maps.LatLng(25.047502948494675, -238.44572067260742),
      zoom: 14,
      mapTypeId: google.maps.MapTypeId.ROADMAP
  };

  var mapElement = document.getElementById("mapDiv");

  // Google 地圖初始化
  map = new google.maps.Map(mapElement, mapOptions);

  // 載入 GeoJSON 資料
  map.data.addGeoJson(json);
}

</script>


</body>
</html>